function isCardNo(num) {
    num = num.toUpperCase();
    //身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X。   
    if (!(/(^\d{15}$)|(^\d{17}([0-9]|X)$)/.test(num))) {
        return false;
    }
    //校验位按照ISO 7064:1983.MOD 11-2的规定生成，X可以认为是数字10。 
    //下面分别分析出生日期和校验位 
    var len, re;
    len = num.length;
    if (len == 15) {
        re = new RegExp(/^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/);
        var arrSplit = num.match(re);

        //检查生日日期是否正确 
        var dtmBirth = new Date('19' + arrSplit[2] + '/' + arrSplit[3] + '/' + arrSplit[4]);
        var bCorrectDay;
        bCorrectDay = (dtmBirth.getYear() == Number(arrSplit[2])) && ((dtmBirth.getMonth() + 1) == Number(arrSplit[3])) &&
            (
                dtmBirth.getDate() == Number(arrSplit[4]));
        if (!bCorrectDay) {
            return false;
        } else {
            //将15位身份证转成18位 
            //校验位按照ISO 7064:1983.MOD 11-2的规定生成，X可以认为是数字10。 
            var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2);
            var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2');
            var nTemp = 0,
                i;
            num = num.substr(0, 6) + '19' + num.substr(6, num.length - 6);
            for (i = 0; i < 17; i++) {
                nTemp += num.substr(i, 1) * arrInt[i];
            }
            num += arrCh[nTemp % 11];
            return true;
        }
    }
    if (len == 18) {
        re = new RegExp(/^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/);
        var arrSplit = num.match(re);

        //检查生日日期是否正确 
        var dtmBirth = new Date(arrSplit[2] + "/" + arrSplit[3] + "/" + arrSplit[4]);
        var bCorrectDay;
        bCorrectDay = (dtmBirth.getFullYear() == Number(arrSplit[2])) && ((dtmBirth.getMonth() + 1) == Number(arrSplit[3])) &&
            (dtmBirth.getDate() == Number(arrSplit[4]));
        if (!bCorrectDay) {
            return false;
        } else {
            //检验18位身份证的校验码是否正确。 
            //校验位按照ISO 7064:1983.MOD 11-2的规定生成，X可以认为是数字10。 
            var valnum;
            var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2);
            var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2');
            var nTemp = 0,
                i;
            for (i = 0; i < 17; i++) {
                nTemp += num.substr(i, 1) * arrInt[i];
            }
            valnum = arrCh[nTemp % 11];
            if (valnum != num.substr(17, 1)) {
                return false;
            }
            return true;
        }
    }
    return false;
}

(function() {

    // 第一步
    $('.submit').click(function() {
        const username = $('[name=username]').val();
        const name = $('[name=name]').val();
        const agentNum = $('[name=agent_num]').val();
        const password = $('[name=password]').val();
        const cardType = $('[name=card_type]').val();
        const cardNum = $('[name=card_num]').val();
        const bank = $('[name=bank]').val();
        const debitNum = $('[name=debit_num]').val();
        const bankProvince = $('[name=bank_province]').val();
        const bankCity = $('[name=bank_city]').val();
        const bankName = $('[name=bank_name]').val();
        const cardFront = $('[name=card_front]').val();
        const cardBack = $('[name=card_back]').val();
        const debitCard = $('[name=debit_card]').val();

        if (username.length == 0) {
            layer.msg('请填写用户名');
            return;
        }
        if (name.length == 0) {
            layer.msg('请填写姓名');
            return;
        }
        if (agentNum.length == 0) {
            layer.msg('请填写经纪人编号');
            return;
        }
        if (password.length == 0) {
            layer.msg('请填写密码');
            return;
        }
        if (cardNum.length == 0) {
            layer.msg('请填写证件号');
            return;
        }
        if (!isCardNo(cardNum)) {
            layer.msg('请填写正确的证件号');
            return;
        }
        if (debitNum.length == 0) {
            layer.msg('请填写银行卡号');
            return;
        }
        if (bankProvince == 0) {
            layer.msg('请选择银行开户省');
            return;
        }
        if (bankCity == 0) {
            layer.msg('请选择银行开户市');
            return;
        }
        if (bankName.length == 0) {
            layer.msg('请填写支行名称');
            return;
        }
        if (cardFront.length == 0) {
            layer.msg('请填选择证件正面照片');
            return;
        }
        if (cardBack.length == 0) {
            layer.msg('请填选择证件反面照片');
            return;
        }
        if (debitCard.length == 0) {
            layer.msg('请填选择银行卡正面照片');
            return;
        }

        layer.open({
            type: 1,
            skin: 'layui-layer-rim', //加上边框
            area: ['800px', '800px'], //宽高
            title: '风险揭示书',
            content: $('#step1').html()
        });
    });

    // 第二步
    $(document).on('click', '.step2', function() {
        if (!$(this).is('.able')) {
            return;
        }
        layer.closeAll();
        layer.open({
            type: 1,
            skin: 'layui-layer-rim', //加上边框
            area: ['800px', '800px'], //宽高
            title: '操盘手合作协议',
            content: $('#step2').html()
        });
    });

    // 第三步
    $(document).on('click', '.step3', function() {
        if (!$(this).is('.able')) {
            return;
        }
        layer.closeAll();
        layer.open({
            type: 1,
            skin: 'layui-layer-rim', //加上边框
            area: ['800px', '500px'], //宽高
            title: '操盘手须知',
            content: $('#step3').html()
        });
    });

    // 第四步
    $(document).on('click', '.step4', function() {
        if (!$(this).is('.able')) {
            return;
        }
        layer.closeAll();
        layer.open({
            type: 1,
            skin: 'layui-layer-rim', //加上边框
            area: ['800px', '300px'], //宽高
            title: '关于严禁代客理财行为及其风险责任提示的公告',
            content: $('#step4').html()
        });
    });

    // 第五步
    $(document).on('click', '.step5', function() {
        if (!$(this).is('.able')) {
            return;
        }
        layer.closeAll();
        layer.open({
            type: 1,
            skin: 'layui-layer-rim', //加上边框
            area: ['800px', '300px'], //宽高
            title: '交易账号安全保障确认书',
            content: $('#step5').html()
        });
    });

    // 第六步
    $(document).on('click', '.step6', function() {
        if (!$(this).is('.able')) {
            return;
        }
        layer.closeAll();
        layer.open({
            type: 1,
            skin: 'layui-layer-rim', //加上边框
            area: ['800px', '500px'], //宽高
            title: '操盘手确认函',
            content: $('#step6').html()
        });
    });

    $(document).on('click', '.agree input', function() {
        if ($(this).is(':checked')) {
            $(this).parent().next().addClass('able');
        } else {
            $(this).parent().next().removeClass('able');
        }
    });

    // 最后一步
    $(document).on('click', '.step7', function() {
        $('form').submit();
    });

    // $('form').submit(function() {
    //     alert(this.cardNum.value);
    //     return false;
    // });
})();